<div ng-controller="servicioController">
	<md-dialog aria-label="Mango (Fruit)">

		<div class="card-header ch-alt">

            <h2>Nuevo Servicio <small>Ingrese Nuevo Servicio</small></h2>
         </div>
	 	<md-content class="md-padding">
		  	<form name="userForm">
		  	 	
			  	<md-input-container class="md-icon-float">
					<label>Nombre</label>
				    <md-icon md-svg-src="img/icons/ic_label_24px.svg" class="name"></md-icon>
				    <input ng-model="servicio.nombre_servicio" type="text">
				</md-input-container>

				<md-input-container class="md-icon-float">
					<label>Categoria</label>
				    <md-icon md-svg-src="img/icons/ic_label_24px.svg" class="name" ></md-icon>
				    <input ng-model="servicio.categoria" type="text">
				</md-input-container>

				<md-input-container class="md-icon-float">
					<label>Presio</label>
				    <md-icon md-svg-src="img/icons/ic_label_24px.svg" class="name"></md-icon>
				    <input ng-model="servicio.precio_servicio" type="text">
				</md-input-container>

				<md-input-container class="md-icon-float">
					<label>Descripcion</label>
				    <md-icon md-svg-src="img/icons/ic_label_24px.svg" class="name"></md-icon>
				    <input ng-model="servicio.descripcion" type="text">
				</md-input-container>

		  	</form> 
		</md-content>
		<div class="md-actions" layout="row"> 
			<span flex></span>
			 <section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
			      <md-button ng-click="answer(save())" class="md-raised md-primary">Guardar</md-button>
			      {{servicio.id}}
			      <md-button  ng-click="answer()" class="md-raised md-warn">Salir</md-button>
		    </section>
		</div>
	</md-dialog>
</div>